/*designer*/
.design_index .design_content{width:1200px;margin:0 auto;}
.design_index .design_left{
    width: 447px;
    height: 407px;
    float: left;
    background: url("../images/design_left_bg.png")center no-repeat;
    background-size: 100%;
}
.design_index .design_right{
    width:753px;
    height: 407px;
    float: right;
    background-color: #f2f2f2;
    padding-top:10px;
    box-sizing: border-box;
}
.right_content{width:79%;margin:0 auto;overflow: hidden;}
.right_content ul{width:102%;}
.right_content ul li{width:23%;height:173px;margin-right:2%;margin-top: 2%;float: left;position:relative;}
.right_content ul li a>img{width:100%;height:100%;}
.right_content ul li div{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.4);z-index: 1;display: none;}
.right_content ul li div img{width:26px;position:absolute;left:50%;top:50%;margin-left:-13px;margin-top:-13px;}
.right_content ul li div.on{display: block;}
.design_left .left_content{width:79%;margin: 10% auto 0;display: none;}
.design_left .left_content.on{display: block;}
.design_left .left_one{width:100%;margin: 10% auto 0;}
.design_left .left_one ul li:nth-of-type(1){width:30%;float: left;}
.design_left .left_one ul li:nth-of-type(1) a{display: block;width: 105px;height: 105px;min-height: 105px;border-radius: 100%;margin:0 auto;}
.design_left .left_one ul li:nth-of-type(2){width: 70%;float: left;padding: 15px;box-sizing: border-box;}
.design_left .left_one ul li:nth-of-type(2) h3{font-weight:normal;font-size:24px;}
.design_left .left_one ul li:nth-of-type(2) h3 i{font-style:normal;font-size:16px;color:#777;}
.design_left .left_one ul li:nth-of-type(2) a{display: inline-block;padding:0 10%;line-height: 30px;font-size:14px;margin-top:10%;}
.design_left .left_one ul li:nth-of-type(2) a:nth-of-type(1){color:#cd9f59;border:1px solid #cd9f59;}
.design_left .left_one ul li:nth-of-type(2) a:nth-of-type(2){color:#fff;background-color:#cd9f59;border:1px solid #cd9f59;}
.design_left .left_two{width:100%;margin: 2% auto;}
.design_left .left_two p{color:#777;font-size:14px;line-height:30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.design_left .left_two p span{color:#222;}
.design_left .left_three{width:100%;margin:10px auto 0;}
.design_left .left_three h4{text-align: center;font-size:15px;color:#555;position:relative; margin:10px 0px;}
.design_left .left_three h4:before{
    content: "";
    width: 100px;
    height: 1px;
    background-color: #999;
    position: absolute;
    left: 16%;
    top: 10px;}
.design_left .left_three h4:after{
    content: "";
    width: 100px;
    height: 1px;
    background-color: #999;
    position: absolute;
    right: 16%;
    top: 10px;}
.design_left .left_three a{display: inline-block;width:48%;box-sizing: border-box;}
.design_left .left_three a:nth-of-type(2){margin-left:2%;}
.design_left .left_three a img{width:100%;}
.design_index .design-swiper {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.design_index .swiper-container-android .swiper-slide,.design_index  .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.design_index .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.design_index .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
}
.design_index .design-next,.design_index  .design-prev {
    position: absolute;
    top: 50%;
    width: 45px;
    height: 80px;
    margin-top: -40px;
    z-index: 10;
    cursor: pointer;
    background-size: 100%;
}
.design_index .design-prev,.design_index  .swiper-container-rtl .design-next {
    background: url("../images/design_left.png")center no-repeat;
    left: 10px;
    right: auto;
}
.design_index .design-next,.design_index  .swiper-container-rtl .design-prev {
    background: url("../images/design_right.png")center no-repeat;
    right: 10px;
    left: auto;
}

@media screen and (max-width:1440px){
    .design_index .title h3:before{top:15px;}
    .design_index{padding-top:15px;}
    .design_left .left_two p{line-height: 25px;font-size:14px;}
    .design_left .left_three{margin: 5% auto 0;}
}
/*designer end*/